.products{
  &__card{
    border: 0px solid rgba(0,0,0,0.25);
    margin-bottom:0.5rem;
    &:hover{
      img{
        opacity: 0.8;
      }
      border: 0px solid $primary;
    }
    .btn {
       padding:0.2rem 1rem;
       font-size:0.9rem;
     }
    .card-title{
      font-weight: 500;
      font-size:1rem;
      margin: 0;
      color: $color-6;
    }
    .card-code{
      font-size: 0.8rem;
       margin-bottom: 1rem;
    }

    .card-price{
      font-weight: bold;
      font-size:1.25rem;
      color:$primary;
      margin:0.4rem 0;
    }

  }
}

// product  page

.product-page {
  padding:0rem 0rem 1rem;
  @include media-breakpoint-up(sm) {
    padding:0rem;
    background: linear-gradient(90deg, transparent 50%, $color-5 50%);
  }

  &-card{
    padding:0.5rem;
    @include media-breakpoint-up(md) {
      padding:2.5rem;
    }
  }
  &-title{
    margin:0;
  }
  &-code{
    margin:0;
  }
  &-description{
    margin:1rem 0 0;
  }

  &-price{
    color:white;
    background: $color-6;
    padding:0.5rem 1rem;
    border-radius: 5rem;
    display: inline-flex;
    margin:1.5rem 0rem;
    @include transition();
    &:hover{
      background: $color-accent;
    }
  }
  p {
    margin:0px;
  }
  .form{
    padding:0px;
  }
}


